<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Forms | Amanda Admin Template</title>
		<link rel="stylesheet" href="../css/style.default.css" type="text/css" />
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
			< script >
				function clock() {
					var t = new Date().toLocaleTimeString();
					document.getElementById("clock").innerText = t;
				}
			var int = self.setInterval("clock()", 1000);
		</script>

		<script>
			function clearCurrect() {
				menubuttons = $(".menubuttton");
				for (var i = 0; i < menubuttons.length; i++) {
					$(menubuttons[0]).removeClass("currect")
				}
			}

			$(function() {
				$("#jumpto_page_system_preview").click(function() {
					clearCurrect();
					$("#jumpto_page_system_preview").addClass("current");
				});
			
				$("#jumpto_page_user_mamage").click(function() {
					clearCurrect();
					$("#jumpto_page_user_mamage").addClass("current");
				});
			
			
				$("#jumpto_page_site_message").click(function() {
					clearCurrect();
					$("#jumpto_page_site_message").addClass("current");
				});
			
				$("#jumpto_page_data_info").click(function() {
					clearCurrect();
					$("#jumpto_page_data_info").addClass("current");
				});
			});
		</script>
	</head>

	<body class="">

		<div class="bodywrapper">
			<div class="topheader">
				<div class="left">
					<h1 class="logo">脸<span>云 </span><span style="color: #4f6890; font-size: medium;">签到系统<span></h1>
					<span class="slogan">check-in system</span>

					<div class="search">
						<form action="" method="post">
							<input type="text" name="keyword" id="keyword" value="Enter keyword(s)" />
							<button class="submitbutton"></button>
						</form>
					</div>
					<!--search-->

					<br clear="all" />

				</div>
				<!--left-->

				<div class="right">
					<div class="notification">
						<a class="count" href="ajax/notifications.html"><span>9</span></a>
					</div>
					<div class="userinfo">
						<img src="images/thumbs/avatar.png" alt="" />
						<span>admin</span>
					</div>
					<!--userinfo-->

					<div class="userinfodrop">
						<div class="avatar">

							<div class="changetheme">
								现在时间: <br />
								<p id="clock" style="width: 100px"></p>
							</div>
						</div>
						<!--avatar-->
						<div class="userdata">
							<h4>admin</h4>
							<ul>
								<li><a href="index.html">Sign Out</a></li>
							</ul>
						</div>
						<!--userdata-->
					</div>
					<!--userinfodrop-->
				</div>
				<!--right-->
			</div>
			<!--topheader-->


			<div class="header">
				<ul class="headermenu">
					<!-- class="current"-->
					<li><a id="jumpto_page_system_preview" href="#"><span class="menubuttton icon icon-flatscreen">
							</span>预览</a>
					</li>
					<li><a id="jumpto_page_user_mamage" href="#"><span class="menubuttton icon icon-pencil">
							</span>用户管理</a></li>
					<li><a id="jumpto_page_site_message" href="#"><span class="menubuttton icon icon-message">
							</span>待处理的审核</a></li>
					<li><a id="jumpto_page_data_info" href="#"><span class="menubuttton icon icon-chart">
							</span>统计</a></li>
				</ul>

				<div class="headerwidget">
					<div class="earnings">
						<div class="one_half">
							<h4>今日签到</h4>
							<h2>0</h2>
						</div>
						<!--one_half-->
						<div class="one_half last alignright">
							<h4>系统负荷</h4>
							<h2>0%</h2>
						</div>
						<!--one_half last-->
					</div>
					<!--earnings-->
				</div>
				<!--headerwidget-->

			</div>
			<!--header-->


			<!--leftmenu-->

			<!---->
		</div>
		<!--bodywrapper-->

	</body>
</html>
